<style type="text/less">
    @import "/web/public/public.less";

    #index-evaluating{
        .title {
            font-size: 16px;
            line-height: 60px;
        }
        .commodity-list{
            &>li{
                &>a{
                    display: block;
                }
                &+li{
                    margin-top: 15px;
                }
                img{
                    width: 33px;
                    height: 29px;
                    vertical-align: middle;
                }
                .img-right{
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 10px;
                    width: 250px;
                    color: #6e6e6e;
                    line-height: 20px;
                    .up{
                        font-size: 16px;
                        .price{
                            color: #e60012;
                            .fr;
                        }
                    }
                    .down{
                        font-size: 14px;
                        a{
                            color: inherit;
                        }
                    }
                }
            }
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<#if channel.channelStatus == 1>
    <div id="index-evaluating">
        <div class="title">
            <h2 class="title_h2">
                <i class="title-line"></i>
                <a class="title_link" href="javascript:" title="${channel.channelName}">${channel.channelName}</a>
            </h2>
        </div>
        <ul class="commodity-list">
            <#list list as info>
                <li>
                    <#if info.articleOutLinkStatus == 1>
                        <a href="${info.articleOutLink}" target="_blank" title="${info.articleTitle}">
                            <img src="${info.productImage}" alt="${info.articleTitle}" title="${info.articleTitle}">
                            <div class="img-right">
                                <p class="up"><span>${info.articleTitle}</span> <span class="price">${info.productPrice}</span></p>
                                <p class="down"><span>${info.productName}</span> | <span>${info.productModel}</span> | <span>${info.productPurpose}</span></p>
                            </div>
                        </a>
                    <#else>
                        <a href="${info.articleUrl}" target="_blank" title="${info.articleTitle}">
                            <img src="${info.productImage}" alt="${info.articleTitle}" title="${info.articleTitle}">
                            <div class="img-right">
                                <p class="up"><span>${info.articleTitle}</span> <span class="price">${info.productPrice}</span></p>
                                <p class="down"><span>${info.productName}</span> | <span>${info.productModel}</span> | <span>${info.productPurpose}</span></p>
                            </div>
                        </a>
                    </#if>
                </li>
            </#list>
        </ul>
    </div>
</#if>